#mian p{
	color:#00ff00;
	width:97%;
	.redbox{
		background-color: #ff0000;
		color: #000000;
	}
}
#main{
	width: 97%;
	p,div{
		font-size: 2em;
		a{font-weight: bold;}
	}
	pre{
		font-size: 3em;
	}
	ul{
		list-style: none;
	}
}
a{
	font-weight: bold;
	text-decoration: none;
	&:hover{
		text-decoration:underline;
	};
	body .box &{
		color: red;
	}
}

.luky{
	font:{
		family:'微软雅黑';
		size:20rem;
		weight:bold;
	};
	text:{
		decoration:none;
		indent:2em;
		align:center;
	}
	background:{
		color: red;
		image:url();
		size:100%;
	}
	margin:{
		top:10px;
		left:20px;
	}
}

$f14:14px;
$f16:16px;
$f18:18px;
$f24:24px;

$cred:#f40;
$cblue:#1e90ff;


a{
	font-size: $f14;
	color: $cblue;
}
p{
	line-height: $f24;
}
@mixin abc($a){
	.box #{$a}:before{
		content: '';
		position: absolute;
	};
}
@include abc('.text');
@include abc('a');
@include abc('p');
@include abc('span');

html{
	font-size: 50px;
}
$html:50;
$h:$html*2;
p{
	font-size: 12/$h rem;
}

$w:1024px;
.container{
	max-width: $w;
	margin: 0 auto;
	color: #333*2;
}
$name:foo;
$attr:border;
p .#{$name}{
	#{$attr}-top:1px solid #fff;
}


div{
	a{
		color: red;
	}
}
a{
	text-decoration: none;
	font-size: 12px;
	&:hover{
		color:red;
	};
}
.box{
	font:{
		weight:bold;
		size:16px;
		family:'微软雅黑';
	};
}
$f14:14px;
a{
	font-size: $f14;
}
$cred:#f40;
p{
	color:$cred;
}
@mixin abc($sel){
	#{$sel}{
		color: red;
		background-color: #000;
	}
}
@include abc('.box');
$s:100;
a{
	font-size: 12/$s rem;
}

$name:foo;
p .#{$name}{
	font-size: 14px;
}

@for $i from 1 through 3{
	.item-#{$i}{
		width: 2em*$i;
	}
}

@each $a in home,cate,user{
	.#{$a}{
		background: url('./images/#{$a}.jpg');
	}
}
$i:6;
@while $i>0{
	.item-